import React, { Component } from 'react';
import {CircleOfFriendsStyled} from './CircleOfFriendsStyled'
import Button from 'components/UIButton/UIButton'
import back from 'images/nav/fanhui@3x.png'
import xiangji from 'images/nav/xiangji@3x.png'

import lrt from 'images/fabiao/lrt.jpg'
import lhg from 'images/fabiao/lhg.jpg'
import lfm from 'images/fabiao/lfm.jpg'
import lbl from 'images/fabiao/lbl.jpg'
import zzd from 'images/fabiao/zzd.jpg'
import zp from 'images/fabiao/zp.jpg'
import l1 from 'images/fabiao/l1.jpg'
import l2 from 'images/fabiao/l2.jpg'
import l3 from 'images/fabiao/l3.jpg'

import Circle from '../components/Circle/Circle'
// const arr = ['','','','','',
// '',
// '',
// '','','','','','','',
// ]

 const arr = [
  {   "cTag":100,
      "cName" : "古艺散人",
      "cContent":"不论做什么事，都要相信你自己，别让别人的一句话将你击倒。人生没有对错，只有选择后的坚持，不后悔，走下去，走着走着，花就开了！",
      "cImg":lrt
      
  },
  {
      "cTag":101,
      "cName" : "李红贵",
      "cContent":"哥所有的积蓄都体现在肚子上啦，O(∩_∩)O哈哈~",
      "cImg":lhg,
      "photoImgs":[l1,l2,l3]
      
  },
  {   "cTag":102,
      "cName" : "陆凤妹",
      "cContent":"咻咪，biu ! 我有一只小毛驴 ，我从来也不骑，有一天我心血来潮骑着去赶集，我手里拿着小皮鞭，我心里正得意，不知怎么哗啦啦啦啦我摔了一身泥.....我有一只小毛驴，我从来也不骑.....",
      "cImg":lfm
      
  },
  {  "cTag":103,
      "cName" : "刘宝灵",
      "cContent":"不要崇拜哥，哥只是一个低调的程序员",
      "cImg":lbl
      
  },
  {
      "cTag":104,
      "cName" : "郑则栋",
      "cContent":"咱也不敢说，咱也不敢问",
      "cImg":zzd
      
  },
  {
      "cTag":105,
      "cName" : "张鹏",
      "cContent":"敌军还有5秒到达战场，请做好准备！出击。。。",
      "cImg":zp
      
  }
]

class CircleOfFriends extends Component {
  state = {
    circleList: []
  }
  render() {
    return (
      <CircleOfFriendsStyled>
        
        <Button
        width='.44rem'
        height='.44rem'
        imgGrow='0'
        className = 'navBtn left'
        img={back} 
        imgWidth = '.2rem'
        imgHeight = '.2rem'
        clickButton={this.backBtn}
        ></Button>

        <Button
        width='.44rem'
        height='.44rem'
        imgGrow='0'
        className = 'navBtn right'
        img={xiangji} 
        imgWidth = '.2rem'
        imgHeight = '.2rem'
        clickButton={this.xiangjiBtn}
        ></Button>

        {
          
          arr.map((value,index)=>(

            <Circle key = {index}
            data = {value}
            imgArr={['','',''
            // ,'','','',''
            ]}
            ></Circle>
          ))
        }

      </CircleOfFriendsStyled>
    );
  }
  backBtn = ()=>{
    this.props.history.go(-1)
  }
  xiangjiBtn= ()=>{
    console.log('点击相机');
    this.props.history.push('/findChildRouter/fabiao')
    
  }

    //lfm  add
  // componentDidMount() {
  //   console.log(1)
  //   fetch('/api/circle')
  //     .then((response) => response.json())
  //     .then(result => {
  //       console.log(result)
  //       this.setState({
  //         circleList: result.data
  //       })
  //     })
  // }
}

export default CircleOfFriends;